<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据</title>
		<!-- 引入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 引入通用样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 引入当前样式 -->
		<link rel="stylesheet" href="../css/API-index.css" />
	</head>
	<body class="rel">
		<!-- 头部 -->
		<header class="flex-b abs">
			<!-- logo -->
			<div id="logo">
				<h1 class="flex-y"><a href="../html/index.html"> index.html </a></h1>
			</div>
			<!-- 中间导航栏 -->
			<div id="nav1">
				<span><a href="./index.html"> 首页</a></span>
				<span><a href="./API-index.html">API</a></span>
				<span class="click">云服务</span>
				<span class="click">案例</span>
				<span class="click">开发者</span>
			</div>
			<!-- 右侧按钮 -->
			<div class="flex-y" id="btn1">
				<span class="click">登录</span>
				<span class="click">注册有礼</span>
			</div>
		</header>
		<!-- 主体 -->
		<main>
			<!-- API分类区 -->
			<section id="box1" class="b-box">
				<div class="container">
					<h1>API分类</h1>
					<div id="box11" class="b-box flex-w"></div>
					<p class="rel">
						<strong>全部</strong>
						<input type="" placeholder="身份证实名" class="b-box" id="inp" />
						<img src="../imgs/111111.png" alt="" class="abs" />
					</p>
				</div>
			</section>
			<!-- 主体显示区 -->
			<section id="box2">
				<div class="container flex-w flex-b">
					<div class="rel">
						<!-- 左上角图标 -->
						<div class="text-c abs">企业专用</div>
						<!-- 图片 -->
						<img src="../imgs/API_01.jpg" alt="" />
						<!-- 名字 -->
						<p>2021出行防疫政策指南</p>
						<!-- 价格 -->
						<span>免费 </span>
						<button class="text-c abs">申请数据</button>
					</div>
				</div>
			</section>
			<!-- 分页符 -->
			<section id="box3" class="text-c flex-y flex-x">
				<span class="b-box Last-pages">&lt;上一页</span>
				<span class="span">1</span>
				<span class="span">2</span>
				<span class="span">3</span>
				<span class="span">4</span>
				<span class="b-box Next-pages">下一页&gt;</span>
			</section>
		</main>
		<footer>
			<!-- 版心 -->
			<div class="container">
				<!-- 上部分 -->
				<div id="top" class="flex-b">
					<!-- 左边部分 -->
					<div id="left" class="flex-b">
						<div>
							<h3>联系与支持</h3>
							<p>400-882-7715</p>
							<p>售前咨询</p>
							<p>客服&售后</p>
							<p>常见问题</p>
							<p>极速工单</p>
							<p>投诉与建议</p>
						</div>
						<div>
							<h3>关于源码</h3>

							<p>服务条款</p>
							<p>隐私政策</p>
							<p>常见问题</p>
							<p>市场合作</p>
							<p>反商业贿赂声明</p>
						</div>
						<div>
							<h3>快速入口</h3>

							<p>黑钻会员</p>
							<p>客服&售后</p>
							<p>新闻动态</p>
							<p>联系我们</p>
							<p>加入我们</p>
						</div>
						<div>
							<h3>产品服务</h3>

							<p>云监测</p>
							<p>云查询</p>
							<p>云助手</p>
							<p>聚盒子</p>
							<p>云充值</p>
						</div>
						<div>
							<h3>解决方案</h3>

							<p>数字中台</p>
							<p>慧集：API生命周期管理</p>
							<p>有赢：助力企业营销</p>
						</div>
					</div>
					<!-- 右边部分 -->
					<div id="right">
						<h3>微信公众号</h3>
						<p>源码时代</p>
						<img src="../imgs/wechat-white.png" alt="" />
					</div>
				</div>
				<!-- 下部分 -->
				<div id="button" class="flex-b">
					<div>
						<img src="../imgs/bei1.png" alt="" />
						<img src="../imgs/bei2.png" alt="" />
						&nbsp;
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</div>
					<div>源码大数据股份有限公司©版权所有</div>
				</div>
			</div>
			<!-- 回到顶部按钮 -->
			<img src="../imgs/up.png" alt="" id="up" />
		</footer>
		<!-- 蒙层 -->
		<section id="mask">
			<div id="box4" class="b-box">
				<div class="flex-x">
					<img src="../imgs/api-new-logo-white.png" alt="图片已损坏" />
				</div>
				<div class="flex-b text-c rel">
					<span class="rel active1 loadbtn cp">账号登录</span>
					<i id="line" class="abs"></i>
					<span class="rel loadbtn cp">扫码登录</span>
				</div>
				<div id="cars">
					<form action="index.html" id="form1" class="on">
						<p class="rel">
							<span id="icon1" class="abs"></span>
							<input
								type="text"
								name=""
								id=""
								placeholder="用户名/手机号/邮箱"
								class="b-box"
							/>
						</p>
						<p class="rel">
							<span id="icon2" class="abs"></span>
							<input
								type="text"
								name=""
								id=""
								placeholder="密码"
								class="b-box"
								class="b-box"
							/>
						</p>
						<p class="cp">忘记密码</p>
						<button class="text-c">登录</button>
						<p class="rel">
							还没有源码账号，<a href=""
								>立即注册 &emsp;&emsp;&emsp;<span class="abs icon3"></span
							></a>
						</p>
					</form>
					<form action="index.html" id="form2" class="close">
						<div class="text-c">
							<img src="../imgs/showqrcode.jpg" alt="" />
							<p>微信扫码登录</p>
							<p>未关注源码科技公众号，请先关注后登录</p>
						</div>
						<p class="rel">
							还没有源码账号，<a href=""
								>立即注册 &emsp;&emsp;&emsp;<span class="abs icon3"></span
							></a>
						</p>
					</form>
				</div>
			</div>
		</section>

		<!-- 引入工具util.JS -->
		<script src="../js/util.js"></script>

		<!-- 引入index的JS -->
		<script src="../js/API-index.js"></script>
	</body>
</html>
